function allorderTab() {
    var container = document.getElementById("container");
    var li = container.querySelectorAll("li");
    var content = document.querySelectorAll("#content");
    console.log(content);
    console.log(li)
    for (var i = 0; i < li.length; i++) {
        li[i].index = i;
        console.log(li[i].index );
        li[i].onclick=function(){
            for (var i = 0; i < li.length; i++) {
                li[i].className = " ";
                content[i].style.display = "none";
            }
            this.className = "active";
            content[this.index].style.display = "block";
        } 
        }
    }

allorderTab()